import styled from 'styled-components';

export const Wrapper = styled.div`
  width: 1200px;
  margin: 0 auto;
`

export const ContentWrapper = styled.div`
  margin-top: 30px;
  width: calc(100% - 330px);
  float: left;
  background-color: #fff;
  padding: 20px;
  .title {
    border-bottom: 1px solid #E0E0E0;
    font-size: 20px;
    font-weight: bold;
    line-height: 80px;
    color: #666;
  }
  .content {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    padding: 20px 0px;
    min-height: 400px;
  }
`
export const RightWrapper = styled.div`
  width: 300px;
  background-color: #fff;
  float: right;
  margin-top: 30px;
  padding: 20px;
  .title {
    border-bottom: 1px solid #E0E0E0;
    font-size: 20px;
    font-weight: bold;
    line-height: 80px;
    color: #666;
  }
  ul {
    min-height: 400px;
    li {
      line-height: 28px;
      a {
        color: #666;
        font-size: 14px;
        span {
          float: right;
        }
      }
      &.active {
        a {
          color: #C3DF64;
          span {
            color: #666;
          }
        }
      }
    }
  }
`